/**
 * @description 2026年的<stle></style>标签模块
 */

// style标签元素集合
let elementMap = {}


/**
 * @description 初始化。新建1个<style></style>元素，并添加样式内容
 * @param {*} actKey 
 * @param {*} cssData 
 */
export function init(actKey, textContent) {
  // 创建一个 <style> 元素
  let styleElement = elementMap[actKey]
  if (!styleElement) {

    styleElement = document.createElement('style')
    styleElement.setAttribute('data-actkey', actKey)
    elementMap[actKey] = styleElement
  }

  // 添加到style元素的textContent属性
  styleElement.textContent = textContent

  // 将 <style> 标签添加到 <head> 中
  document.head.appendChild(styleElement);
}


export function update(actKey, textContent) {

  let styleElement = elementMap[actKey]

  if (!styleElement) {

    styleElement = document.createElement('style')

    elementMap[actKey] = styleElement

    document.head.appendChild(styleElement);
  }

  // 添加到style元素的textContent属性
  styleElement.textContent = textContent


}


let StyleModule = {
  init,
  update,
}

export default StyleModule